<template>
  <div class="menu-container">
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      router
    >
      <!-- <el-menu-item index="/dashboard/camera">
        <el-icon><icon-menu /></el-icon>
        <span>获取摄像头</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/micPhone">
        <el-icon><icon-menu /></el-icon>
        <span>获取麦克风</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/canvas">
        <el-icon><icon-menu /></el-icon>
        <span>Canvas截取视频</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/screenShare">
        <el-icon><icon-menu /></el-icon>
        <span>屏幕共享</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/videoFilter">
        <el-icon><icon-menu /></el-icon>
        <span>视频滤镜</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/resolution">
        <el-icon><icon-menu /></el-icon>
        <span>动态分辨率</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/AudioVolume">
        <el-icon><icon-menu /></el-icon>
        <span>音量值测算</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/deviceEnum">
        <el-icon><icon-menu /></el-icon>
        <span>设备枚举</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/setting">
        <el-icon><icon-menu /></el-icon>
        <span>设置综合案例</span>
      </el-menu-item>
      <el-menu-item @click="openLink" index="#">
        <el-icon><setting /></el-icon>
        <span>友情链接</span>
      </el-menu-item> -->
      <el-menu-item index="/dashboard/three/cube">
        <el-icon><icon-menu /></el-icon>
        <span>方块旋转</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/three/line">
        <el-icon><icon-menu /></el-icon>
        <span>线条</span>
      </el-menu-item>
      <el-menu-item index="/dashboard/three/text">
        <el-icon><icon-menu /></el-icon>
        <span>文字</span>
      </el-menu-item>
      <el-sub-menu index="/dashboard/three/">
        <template #title>材质与贴图</template>
        <el-menu-item index="/dashboard/three/point">点材质</el-menu-item>
        <el-menu-item index="/dashboard/three/basicLine">基础线材质</el-menu-item>
        <el-menu-item index="/dashboard/three/lineDashed">虚线线材质</el-menu-item>
        <el-menu-item index="/dashboard/three/MeshBasic">网格材质对象比较</el-menu-item>
        <el-menu-item index="/dashboard/three/texture">创建纹理贴图</el-menu-item>
        <el-menu-item index="/dashboard/three/wireFrame">边缘几何体</el-menu-item>
      </el-sub-menu>
      <el-menu-item @click="openLink" index="#">
        <el-icon><setting /></el-icon>
        <span>友情链接</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>
<script>
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    const openLink=()=>{
      window.open('https://www.freeprogramming.cn/')
    }
    return {
      openLink
    }
  },
});
</script>

<style scoped></style>
